@charset "utf-8";
/*
	http://www.268xue.com/mobile/css
	v1.0 | 2015/1/24 
 	-----------------------------------------
	westdrug | 2015(yy)/03(mm)/26(dd) 
	http://www.268xue.com
*/
/*********************************
	CSS_ANIMATEION AND CSS_MEDIA
**********************************/
/*------ @media style ------*/
	@media only screen and (min-width: 320px) {
		.tjc-list dl dt,.tjc-list dl dd,.kc-bao ul li {
			width: 50%;
		}
		.cc-list-1 img {
			width: 100%;
			height: 90px;
		}
	}

	@media only screen and (min-width: 480px) {
		.tjc-list dl dt,.tjc-list dl dd,.kc-bao ul li {
			width: 33.33%;
		}
		.cc-list-1 img {
			width: 100%;
			height: auto;
		}
	}

	@media only screen and (min-width: 768px) {
		.tjc-list dl dt,.tjc-list dl dd,.kc-bao ul li {
			width: 20%;
		}
		.cc-list-1 img {
			width: 100%;
			height: auto;
		}
	}

	@media only screen and (min-width: 1024px) {
		.tjc-list dl dt,.tjc-list dl dd,.kc-bao ul li {
			width: 20%;
		}
		.cc-list-1 img {
			width: 100%;
			height: auto;
		}
	}

/*------ animtate ------*/
	.animated0d8s {
	  -webkit-animation-duration: 0.8s;
	  animation-duration: 0.8s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
	.animated {
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}

	.delay0d5s {
	    -webkit-animation-delay: 0.5s;
	    -moz-animation-delay: 0.5s;
	    -o-animation-delay: 0.5s;
	    animation-delay: 0.5s;
	}
	.delay1s {
	    -webkit-animation-delay: 1s;
	    -moz-animation-delay: 1s;
	    -o-animation-delay: 1s;
	    animation-delay: 1s;
	}

	@-webkit-keyframes fadeIn {
	  0% {
	    opacity: 0;
	  }

	  100% {
	    opacity: 1;
	  }
	}

	@keyframes fadeIn {
	  0% {
	    opacity: 0;
	  }

	  100% {
	    opacity: 1;
	  }
	}

	.fadeIn {
	  -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	}

	@-webkit-keyframes fadeInUp {
	    0% {
	        opacity: 0;
	        -webkit-transform: translateY(30px);
	    }

	    100% {
	        opacity: 1;
	        -webkit-transform: translateY(0);
	    }
	}

	@-moz-keyframes fadeInUp {
	    0% {
	        opacity: 0;
	        -moz-transform: translateY(30px);
	    }

	    100% {
	        opacity: 1;
	        -moz-transform: translateY(0);
	    }
	}

	@-o-keyframes fadeInUp {
	    0% {
	        opacity: 0;
	        -o-transform: translateY(30px);
	    }

	    100% {
	        opacity: 1;
	        -o-transform: translateY(0);
	    }
	}

	@keyframes fadeInUp {
	    0% {
	        opacity: 0;
	        transform: translateY(30px);
	    }

	    100% {
	        opacity: 1;
	        transform: translateY(0);
	    }
	}

	.fadeInUp {
	    -webkit-animation-name: fadeInUp;
	    -moz-animation-name: fadeInUp;
	    -o-animation-name: fadeInUp;
	    animation-name: fadeInUp;
	}

	@-webkit-keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(20px);
	    transform: translateX(20px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	  }
	}

	@keyframes fadeInRight {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(20px);
	    -ms-transform: translateX(20px);
	    transform: translateX(20px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	  }
	}

	.fadeInRight {
	  -webkit-animation-name: fadeInRight;
	  animation-name: fadeInRight;
	}

	@-webkit-keyframes zoomIn {
	  0% {
	    opacity: 0;
	    -webkit-transform: scale(.3);
	    transform: scale(.3);
	  }

	  50% {
	    opacity: 1;
	  }
	}

	@keyframes zoomIn {
	  0% {
	    opacity: 0;
	    -webkit-transform: scale(.3);
	    -ms-transform: scale(.3);
	    transform: scale(.3);
	  }

	  50% {
	    opacity: 1;
	  }
	}

	.zoomIn {
	  -webkit-animation-name: zoomIn;
	  animation-name: zoomIn;
	}

	@-webkit-keyframes bounceInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  80% {
	    -webkit-transform: translateY(10px);
	    transform: translateY(10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes bounceInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(2000px);
	    -ms-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }

	  80% {
	    -webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	    transform: translateY(10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.bounceInUp {
	  -webkit-animation-name: bounceInUp;
	  animation-name: bounceInUp;
	}

	@-webkit-keyframes bounceInDownS {
	  0% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }

	  100% {
	  	opacity: 0;
	    -webkit-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }
	}

	@keyframes bounceInDownS {
	  0% {
	   opacity: 1;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }

	  100% {
	  	opacity: 0;
	    -webkit-transform: translateY(2000px);
	    -ms-transform: translateY(2000px);
	    transform: translateY(2000px);
	  }
	}

	.bounceInDownS {
	  -webkit-animation-name: bounceInDownS;
	  animation-name: bounceInDownS;
	}

	@-webkit-keyframes bounceOut {
	  0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }

	  25% {
	    -webkit-transform: scale(.95);
	    transform: scale(.95);
	  }

	  50% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	  }

	  100% {
	    opacity: 0;
	    -webkit-transform: scale(.3);
	    transform: scale(.3);
	  }
	}

	@keyframes bounceOut {
	  0% {
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	  }

	  25% {
	    -webkit-transform: scale(.95);
	    -ms-transform: scale(.95);
	    transform: scale(.95);
	  }

	  50% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	  }

	  100% {
	    opacity: 0;
	    -webkit-transform: scale(.3);
	    -ms-transform: scale(.3);
	    transform: scale(.3);
	  }
	}

	.bounceOut {
	  -webkit-animation-name: bounceOut;
	  animation-name: bounceOut;
	}

	@-webkit-keyframes bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    -ms-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.bounceInDown {
	  -webkit-animation-name: bounceInDown;
	  animation-name: bounceInDown;
	}